triangle-size  = .3rem
triangle-color = #222
triangle-bg = #dee

#amap
  #container
    height 100vh
  .status
    position absolute
    left 5vw
    bottom 5vh
    width 90vw
    height 30vh
    background-color #F5F5F5
  .center
    position absolute
    left 50vw
    margin-top -1.2rem
    margin-left -1px
    top 50vh
    width 2rem
    height 3rem
    overflow hidden
    #pin-header
      fill #c00
    #pin-hole
      fill #fff
    #pin-body
      fill #c00
      // stroke #fff

  .map-marker
    margin-top -.5rem
    margin-left -.4rem
    text-align center
    p
      margin 0
      margin-bottom -.5rem
      padding 0 .2rem
      min-width 1.5rem
      line-height 1.2rem
      font-weight 700
      color triangle-color
      background triangle-bg
      border-bottom .3rem solid triangle-color
      border-top .3rem solid triangle-color
    .triangle-down
      display inline-block
      margin 0 auto
      margin-top -1rem
      width: 0;
      height: 0;
      border-left: triangle-size solid transparent;
      border-right: triangle-size solid transparent;
      border-top: triangle-size * 2 solid triangle-color
    // .shadow-wrapper
      // margin-top -.5rem
      // text-align center
    // .triangle-shadow
      // display inline-block
      // margin 0 auto
      // width triangle-size * 3
      // height (triangle-size / 2)
      // border-radius 50%
      // background rgba(0, 0, 0, .2)
      // filter blur(.15rem)

  .map-district-marker
    background-color rgba(80, 100, 100, .6)
    width: 60px
    height: 60px
    border 1px solid #fff
    border-radius 50%
    text-align center
    p
      padding: 0
      margin: 0
      padding-top 16px
      margin-bottom: -8px
      font-size 14px
      line-height 10px
      color: #fff
    p:last-child
      color: #eee
      font-size 10px